<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta type="description" content="总代理-全部商品">
    <title>全部商品</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./plugs/layui/css/layui.css">
    <link rel="stylesheet" href="./plugs/font-awesome/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="./css/allGoods/allGoods.css">
    <link rel="stylesheet" href="./css/publicHead.css">
</head>
<body>
	<div class="layui-layout layui-layout-admin">
		<!--顶部导航开始-->
		<div class="layui-header">
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<nav class="navbox">
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href=""><i class="fa fa-user fa-fw" aria-hidden="true"></i> 陈小姐</a>
					</li>
					<li class="layui-nav-item">
						<a href=""><i class="fa fa-desktop fa-fw" aria-hidden="true"></i> 我的工作台</a>
					</li>
					<li class="layui-nav-item">
						<a href=""><i class="fa fa-folder fa-fw" aria-hidden="true"></i> 收藏夹</a>
					</li>
					<li class="layui-nav-item">
						<a href=""><i class="fa fa-shopping-cart fa-fw" aria-hidden="true"></i> 进货单</a>
					</li>
					<li class="layui-nav-item">
						<a href=""><i class="fa fa-headphones fa-fw" aria-hidden="true"></i> 我连客服</a>
					</li>
					<li class="layui-nav-item">
						<a href=""><i class="fa fa-commenting-o fa-fw" aria-hidden="true"></i> 我信</a>
						<dl class="layui-nav-child">
	              <dd><a href="javascript:;"><i class="fa fa-user-circle" aria-hidden="true"></i>&emsp;基本资料</a></dd>
	              <dd><a href="javascript:;"><i class="fa fa-gear" aria-hidden="true"></i>&emsp;安全设置</a></dd>
	              <dd><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i>&emsp;注销</a></dd>
	          </dl>
					</li>
					<li class="layui-nav-item">
						<a href=""><i class="fa fa-headphones" aria-hidden="true"></i> 我要供货</a>
					</li>
				</ul>
			</nav>
		</div>
		<!--顶部导航结束-->
		
			<!-- logo + 搜索 +进货单 开始-->
			<div class="grid_total">
				<div class="grid_wrap">
					<div class="grid_logo">
						<a href="javascript:;"><img src="img/grid_logo.png" /></a>
					</div>
					<div class="grid_search">
						<div class="search_box">
              <form action="" class="layui-form">
                <select name="city" lay-verify="required">
                  <option value="0" selected="">全部分类</option>
                  <option value="1">店铺</option>
                  <option value="2">商品</option>
                  <option value="3">视频</option>
                  <option value="4">新闻</option>
                  <option value="4">问问</option>
                  <option value="4">相册</option>
                </select>
                <div class="layui-unselect layui-form-select">
                	<div class="layui-select-title">
                		<input type="text" placeholder="请选择" value="全部分类" readonly="" class="layui-input layui-unselect">
                		<i class="layui-edge"></i>
                	</div>
                	<dl class="layui-anim layui-anim-upbit">
                		<dd lay-value="0" class="layui-this">全部分类</dd>
                		<dd lay-value="1" class="">店铺</dd>
                		<dd lay-value="2" class="">商品</dd>
                		<dd lay-value="3" class="">视频</dd>
                		<dd lay-value="4" class="">新闻</dd>
                		<dd lay-value="4" class="">问问</dd>
                		<dd lay-value="4" class="">相册</dd>
                	</dl>
                </div>
                <input type="text" class="layui-input search-content-word">
                <input type="button" value="搜索" class="layui-btn search-content-btn">
              </form>
						</div>
						<div class="shopping-cart">
              <a href="javascript:;">
                <i class="fa fa-shopping-cart"></i>
                <span>我的进货单</span>
                <span class="layui-badge">99</span>
              </a>
            </div>
					</div>
				</div>
				
			</div>
			<!-- logo + 搜索 +进货单 结束-->
		
		<!-- 第二个nav 开始-->
		<div class="second_nav">
			<div class="grid_wrap">
				<ul class="second_ul">
					<li class="active"><a href="javascript:;">首页</a></li>
					<li><a href="javascript:;">全部商品</a></li>
					<li><a href="javascript:;">热卖</a></li>
					<li><a href="javascript:;">新品</a></li>
				</ul>
			</div>
		</div>
		<!-- 第二个nav  结束-->
	
		<div class="mycontainer">
		    <!--主体内容开始-->
		    <div class="grid_wrap">
		    	<div class="left_ranking">
						<div class="ranking_title">
							<i class="left_quare"></i>
							<cite>销售排行</cite>
							<img src="img/decoration.png" />
						</div>
						<ul class="ranking_ul">
							<li>
								<span class="layui-badge firstToThree">1</span>
								<img src="img/dfs01.png" />
								<label class="lab_box">
									<i class="goods_txt">欧麦斯(OUMAISI) 无叶风扇</i> <br />
									<i class="goods_price">￥98.00</i>
								</label>
							</li>
							<li>
								<span class="layui-badge firstToThree">2</span>
								<img src="img/dfs02.png" />
								<label class="lab_box">
									<i class="goods_txt">欧麦斯(OUMAISI) 无叶风扇</i> <br />
									<i class="goods_price">￥98.00</i>
								</label>
							</li>
							<li>
								<span class="layui-badge firstToThree">3</span>
								<img src="img/dfs03.png" />
								<label class="lab_box">
									<i class="goods_txt">欧麦斯(OUMAISI) 无叶风扇</i> <br />
									<i class="goods_price">￥98.00</i>
								</label>
							</li>
							<li>
								<span class="layui-badge">4</span>
								<img src="img/dfs01.png" />
								<label class="lab_box">
									<i class="goods_txt">欧麦斯(OUMAISI) 无叶风扇</i> <br />
									<i class="goods_price">￥98.00</i>
								</label>
							</li>
							<li>
								<span class="layui-badge">5</span>
								<img src="img/dfs02.png" />
								<label class="lab_box">
									<i class="goods_txt">欧麦斯(OUMAISI) 无叶风扇</i> <br />
									<i class="goods_price">￥98.00</i>
								</label>
							</li>
							<li>
								<span class="layui-badge">6</span>
								<img src="img/dfs03.png" />
								<label class="lab_box">
									<i class="goods_txt">欧麦斯(OUMAISI) 无叶风扇</i> <br />
									<i class="goods_price">￥98.00</i>
								</label>
							</li>
						</ul>
						<div class="ranking_title">
							<i class="left_quare"></i>
							<cite>店铺公告</cite>
							<img src="img/decoration.png" />
						</div>
						<div class="ranking_title announcement">
							劳动者光荣！欧麦斯风扇 大促
						</div>
						
					</div>
					<div class="right_content">
						<ul class="list_goods_ul">
							<li>
								<div class="imgBox">
									<img src="img/list_goods_01.png" width="225px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
										<label>
											<i class="fa fa-heart-o focus"></i>
											<span>关注</span>
										</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							<li>
								<div class="imgBox">
									<img src="img/list_goods_02.png" width="225px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
										<label>
											<i class="fa fa-heart-o focus"></i>
											<span>关注</span>
										</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							<li>
								<div class="imgBox">
									<img src="img/list_goods_03.png" width="224px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
										<label>
											<i class="fa fa-heart-o focus"></i>
											<span>关注</span>
										</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							<li>
								<div class="imgBox">
									<img src="img/list_goods_04.png" width="225px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
										<label>
											<i class="fa fa-heart-o focus"></i>
											<span>关注</span>
										</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							<li>
								<div class="imgBox">
									<img src="img/list_goods_01.png" width="225px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
										<label>
											<i class="fa fa-heart-o focus"></i>
											<span>关注</span>
										</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							<li>
								<div class="imgBox">
									<img src="img/list_goods_02.png" width="225px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
										<label>
											<i class="fa fa-heart-o focus"></i>
											<span>关注</span>
										</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							<li>
								<div class="imgBox">
									<img src="img/list_goods_03.png" width="225px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
										<label>
											<i class="fa fa-heart-o focus"></i>
											<span>关注</span>
										</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							<li>
								<div class="imgBox">
									<img src="img/list_goods_04.png" width="225px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
										<label>
											<i class="fa fa-heart-o focus"></i>
											<span>关注</span>
										</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							<li>
								<div class="imgBox">
									<img src="img/list_goods_01.png" width="225px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
											<label>
												<i class="fa fa-heart-o focus"></i>
												<span>关注</span>
											</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							<li>
								<div class="imgBox">
									<img src="img/list_goods_02.png" width="225px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
										<label>
											<i class="fa fa-heart-o focus"></i>
											<span>关注</span>
										</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							<li>
								<div class="imgBox">
									<img src="img/list_goods_03.png" width="225px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
										<label>
											<i class="fa fa-heart-o focus"></i>
											<span>关注</span>
										</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							<li>
								<div class="imgBox">
									<img src="img/list_goods_04.png" width="225px" height="224px" />
									<label>
										<span class="left_span">佳佳女装</span>
										<span class="right_span">湖北武汉</span>
									</label>
								</div>
								<div class="bottom_content">
									<label>
										<span class="goods_price">￥288</span>
										<span class="layui-badge firstToThree">包邮</span>
									</label>
									<p>
										白色t恤女短袖笑脸纯棉夏韩版宽松圆领纯色体恤女百搭显瘦打底衫
									</p>
									<article>
										<label>
											<i class="fa fa-square-o check_i"></i>
											<span>搬家</span>
										</label>
										<label>
											<i class="fa fa-heart-o focus"></i>
											<span>关注</span>
										</label>
										<label>
											<i class="fa fa-shopping-cart addToCart"></i>
											<span>加入购物车</span>
										</label>
									</article>
								</div>
								
								<div class="border-left"></div>
								<div class="border-bottom"></div>
								<div class="border-top"></div>
								<div class="border-right"></div>
							</li>
							
						</ul>
					</div>
		    </div>
		    <!--主体内容结束-->
		    
		    <!--右侧悬停 [上一页，下一页]区域  开始-->
				<div class="right_tools">
					<div class="prev">上一页</div>
					<div class="look_goods">查看店内所有商品</div>
					<ul>
						<li>
							<i class="fa fa-square-o check_i"></i>
							<span>热卖爆款</span>
						</li>
						<li>
							<i class="fa fa-square-o check_i"></i>
							<span>新品上市</span>
						</li>
						<li>
							<i class="fa fa-square-o check_i"></i>
							<span>落地扇</span>
						</li>
						<li>
							<i class="fa fa-square-o check_i"></i>
							<span>塔扇</span>
						</li>
						<li>
							<i class="fa fa-square-o check_i"></i>
							<span>专页扇</span>
						</li>
						<li>
							<i class="fa fa-square-o check_i"></i>
							<span>台扇</span>
						</li>
						<li>
							<i class="fa fa-square-o check_i"></i>
							<span>冷风扇</span>
						</li>
						<li>
							<i class="fa fa-square-o check_i"></i>
							<span>空气净风扇</span>
						</li>
						<li>
							<i class="fa fa-square-o check_i"></i>
							<span>各种扇</span>
						</li>
					</ul>
					<div class="next">下一页</div>
				</div>
				<!--右侧悬停 [上一页，下一页]区域  结束-->
		</div>
	</div>
<script src="./plugs/layui/layui.all.js"></script>
<script src="js/goods_check.js"></script>
<script>
    layui.use(['element','jquery'],function () {
        var element=layui.element;
        var $=layui.jquery;
        
        
        var the_left=$(".right_content").offset().left;
        var the_width=$(".right_content").width();
        $(".right_tools").css("left", the_left+the_width+45+'px');
        

    })
</script>
</body>
</html>
